<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="timer"></div>
</body>
<script>
    var timer = document.getElementsByClassName("timer")[0];
    setTime();
    setInterval(setTime,1000);
     // 将4位年份,转化为汉字
     function getYearStr(year){
        // 定义表示汉字的数组
        var arr = ['零' , '一' , '二' , '三' , '四' , '五' , '六' , '七' , '八' , '九' , '十'];

        // 1,获取表示年份的4位数值
        // 第一个数值
        var a = parseInt(year / 1000);
        // 第二个数值
        var b = parseInt( (year % 1000) / 100 );
        // 第三个数值
        var c = parseInt( (year % 100) / 10);
        // 第四个数值
        var d = year % 10;

        return `${arr[a]}${arr[b]}${arr[c]}${arr[d]}`
    
    }

    // 将其他时间转化为汉字
    function getTimeStr(time){
        // 定义表示汉字的数组
        var arr = ['零' , '一' , '二' , '三' , '四' , '五' , '六' , '七' , '八' , '九' , '十'];
    
        if( time <= 10){
            // 对应的是一个汉字
            return `零${arr[time]}`;
        }else if( time % 10 == 0 ){
            // 被十整除,二十,三十,四十,五十
            // 对应的是首位数字拼接汉字十
            var a = parseInt( time / 10 );
            return `${arr[a]}十`;
        }else if( time > 10 && time < 20 ){
            // 在 11 和 19 之间
            // 汉字十,拼接个位表示的数值
            var b = time % 10;
            return `十${arr[b]}`;
        }else{
            // 21-29,31-39,41-49,51-59
            // 首位数值 拼接十 拼接个位数值
            var a = parseInt( time / 10 );
            var b = time % 10;
            return `${arr[a]}十${arr[b]}`;
        }
    }



    function setTime(){
        var d = new Date();
        var y = d.getFullYear();
        var month = d.getMonth()+1;
        var day = d.getDate();
        var w = d.getDay();
        var h = d.getHours();
        var m = d.getMinutes();
        var s = d.getSeconds();

        var arr = ['日','一','二','三','四','五','六'];

        timer.innerHTML =  `当前时间是:${getYearStr(y)}年,${getTimeStr(month)}月,${getTimeStr(day)}日,星期${arr[w]},${getTimeStr(h)}时,${getTimeStr(m)}分,${getTimeStr(s)}秒`;
    }

</script>
</html>